<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>RabbitMQ高并发秒杀</title>
</head>

<body th:inline="text">
    <div th:style="'margin:auto; background-color: whitesmoke; width: 1202px; height: 45px; line-height: 45px;'">
        <div style="margin:auto; float:left; width:1000px;">
            主题频道
            生活助手
            会员服务
            更多热点
            商家入驻
        </div>
        <div style="margin:auto; float:left; width:200px;">
            请登录
            请注册
            商家入驻
        </div>
    </div>

    <div id="content" style="margin:auto; width:1202px;">
        <div style="margin: 10px; height: 75px; line-height: 75px;">
            <div style="float: left; line-height: 50px;"><img th:src="@{/image/logo.png}"></div>
            <div style="float: left; width: 170px;">&nbsp;</div>
            <div style="float: left;line-height: 50px;"><input type="text" style="width: 430px; height: 40px;">&nbsp;&nbsp;搜索</div>
        </div>
    </div>

    <div style="margin:auto; height:730px; width:1202px; " >
        <div th:each="goods,goodsStat:${goodsList}" th:style="'float:left;height:345px;width:270px;margin:15px;'">
            <a th:href="@{'/goods/'+${goods.id}}" target="_blank">
                <img th:src="${goods.imageUrl}">
            </a>
            <br/>
            [[${goods.name}]] [[${goods.nameDesc}]] <br/>
            <span style="font-weight: bold; font-size: 20px; color: red;"> [[${goods.price}]] </span> 剩余：[[${goods.store}]]
        </div>
    </div>

</body>
</html>
